<!DOCTYPE html>

<html
	lang="en"
>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="Content-Security-Policy" content="block-all-mixed-content" />

		<meta name="viewport" content="width=device-width, initial-scale=1" />

		<!-- Add to homescreen for Chrome on Android -->
		<meta name="mobile-web-app-capable" content="yes" />
		<meta name="theme-color" content="#191919" />

		<!-- Add to homescreen for Safari on iOS -->
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
		<meta name="apple-mobile-web-app-title" content="Game Jolt" />

		<!-- Tile icon for Win8 (144x144 + tile color) -->
		<meta name="msapplication-TileColor" content="#191919" />

		<!-- http://blogs.windows.com/windows_phone/b/wpdev/archive/2012/11/15/adapting-your-webkit-optimized-site-for-internet-explorer-10.aspx#step5 -->
		<meta name="msapplication-tap-highlight" content="no" />

		<script type="text/javascript">
			if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
				var msViewportStyle = document.createElement('style');
				msViewportStyle.appendChild(
					document.createTextNode('@-ms-viewport{width:auto!important}')
				);
				document.getElementsByTagName('head')[0].appendChild(msViewportStyle);
			}
		</script>

		<title>{{ meta.title }}</title>

		{{{ typeof meta.renderTags === 'function' ? meta.renderTags() : '' }}}
	</head>

	<body>
		<!--vue-ssr-outlet-->
	</body>
</html>
